/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#048cd6;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-corner:vertical{ background-color:#004f7a}
::-webkit-scrollbar-resizer:vertical{ background-color:#004f7a}

/*banner*/
.bannerslide { height:590px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:999;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannertitle{font-family:Microsoft yahei; color:#fefefe; font-size:34px; text-decoration:none; font-weight:bold; line-height:45px; position:absolute; top:150px;}
.bannertitlea{font-family:Microsoft yahei; color:#fefefe; font-size:18px; text-decoration:none; line-height:30px; position:absolute; top:220px;}
.bannertitleb{font-family:Microsoft yahei; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:260px;}
.bannertitleba{font-family:Microsoft yahei; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:220px;}
.bannerbtnn{position:absolute; top:250px;}
.bannerbtnna{position:absolute; top:320px;}
.bannerbtnnb{position:absolute; top:290px;}
.bannerslide a.bannerbtna{background-color:#1d2088; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; font-family:Microsoft yahei;}
.bannerslide a.bannerbtnb{background-color:#464646; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; margin-left:5px; font-family:Microsoft yahei;}

.bannertitlea a{color:#fff;}
.bannertitlea a:hover{color:#fff;}
.bannertitlea a .bannerhhh{display:none;}
.bannertitlea a:hover .bannerhhh{display:block; position:absolute; width:500px; height:200px; z-index:999;}


.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width:95%; max-width:1200px; margin:0 auto; position:relative; padding-bottom:30px;}
.n{ padding:50px 0;}

/*top*/
.top{ border-bottom:#eee 1px solid; line-height:40px; font-size:12px; background:url(../images/jd.jpg) no-repeat right center;}
.top span{ color:#049fd8;}
.top a{ margin:0 10px;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*logo*/
.logo{ padding:20px 0;}
.logo_i{ width:388px;}
.logo .p1{ float:left; margin-left:20px; padding-left:30px; border-left:#ddd 1px solid; margin-top:8px;}
.logo .p1 span{ font-size:17px; font-weight:bold; line-height:30px;}
.logo .p2{ float:right; text-align:right; margin-top:15px;}
.logo .p2 img{ vertical-align:middle; margin-right:5px;}
.logo .p2 span{ font-family:Verdana, Geneva, sans-serif; font-size:17px; font-weight:bold; line-height:1.6;}

/*nav*/
.nav{background: #059ce5; border-bottom: #0078c3 1px solid; line-height:50px;}
.nav ul{ position:relative;}
.nav ul li{ float:left; width:9%; text-align:center; position:relative;}
.nav ul a{ color:#fff; font-weight:bold;}
.nav ul a:hover{ color:#d0f3ff;}
.nav ul li.lif{ text-align:left; width:4%;}
.nav ul li.lil{ background:#048cd6; border-left: #5fc0ee 1px solid; border-right: #5fc0ee 1px solid; float:right;}

.nav ul li ul{ position:absolute; top:50px; left:0; z-index:999; padding:0 10px; background:#0090d9; display:none;}
.nav ul li ul li{ float:none; line-height:40px; min-width:88px;}
.nav ul li ul li a{ white-space:nowrap;}

.ind_ab{ background: url(../images/comwp.png) no-repeat center bottom;}
.pp1{ font-size:12px;}
.ind_ab .p1{ text-align:center; font-size:30px; font-weight:bold; margin:20px 0; color:#555;}
.ind_ab .p2{ text-align:center;}
.ind_ab ul{ margin:50px 0 30px;}
.ind_ab ul li{ width:33.333%; float:left; padding-right:50px;}
.ind_ab ul li p{ font-size:17px; font-weight:bold; margin:20px 0 30px;}
.ind_ab ul li p span{ font-size:11px;}
.ind_ab .more{ display:block; border:1px solid #049fd8; padding:10px 20px; width:120px; text-align:center; color:#049fd8; margin:0 auto; border-radius:30px; transition:0.2s;}
.ind_ab .more img{ margin-bottom:-3px;}
.ind_ab .more:hover{ background:#049fd8; color:#fff;}

/*首页企业文化*/
.ind_cul{ display:flex;}
.ind_cul .ic_l{ background:url(../images/vt.jpg) no-repeat center center; width:50%; background-size:cover;}
.ind_cul .ic_r{ width:50%; background:#049fd8;}
.ind_cul .ic_r .ic_r_m{ width:100%; max-width:600px; padding:100px; color:#fff; padding-right:80px;}
.ind_cul .ic_r .ic_r_m .p1{ font-size:21px;}
.ind_cul .ic_r .ic_r_m .p2{ margin:20px 0;}
.ind_cul .ic_r .ic_r_m ul{ margin-bottom:30px;}
.ind_cul .ic_r .ic_r_m ul li{ float:left; width:50%; margin-bottom:10px;}
.ind_cul .ic_r .ic_r_m ul li img{ height:19px; margin-bottom:-4px; margin-right:5px;}
.ind_cul .more{ display:block; border:1px solid #fff; padding:10px 20px; width:120px; text-align:center; color:#fff; border-radius:30px; transition:0.2s;}
.ind_cul .more img{ margin-bottom:-3px;}
.ind_cul .more:hover{ background:#fff; color:#049fd8;}

/*首页产品*/
.ind_pro{ background:#e8f1f9;}
.ppp1{ font-size:22px; font-weight:bold; text-align:center;}
.ppp2{ margin:20px; text-align:center;}
.ind_pro .ul1{ text-align:center; margin:30px 0;}
.ind_pro .ul1 li{ background:#fff; margin-left:1px; display:inline-block; margin-bottom:5px;}
.ind_pro .ul1 li a{ display:block; padding:10px 20px; background:#fff;}
.ind_pro .ul1 li:first-child{ background:#009cdd; color:#fff; padding:10px 20px;}
.ind_pro .ul1 li:hover a{ color:#fff; background:#009cdd;}

.ind_pro .ul2 li{ width:24%; float:left; margin-right:1.3333%; background:#fff; border:2px solid #fff; position:relative; top:0; padding:40px; text-align:center; transition:0.2s; margin-bottom:20px;}
.ind_pro .ul2 li:nth-child(4n){ margin-right:0;}
.ind_pro .ul2 li img{ margin-bottom:20px;}
.ind_pro .ul2 li p{ font-size:12px;}
.ind_pro .ul2 li p:last-child{ font-size:18px;}
.ind_pro .ul2 li:hover{ top:-20px; border:2px solid #049fd8;}

/*首页客户*/
.ind_cus{ background:url(../images/sw.jpg) no-repeat center center;}
.ind_cus .ic_m1{ background:#e8f1f9; padding:40px 50px 20px;}
.ind_cus .ic_m2{ background:#fff; padding:20px 0; text-align:center; border-bottom:40px solid #e8f1f9;}
.ind_cus .ic_m2 img{ height:35px; margin:0 20px;}

/*首页生产能力*/
.ind_de{ background:#e8f1f9;}
.ind_de .p1{ font-size:20px; float:left;}
.ind_de .p1 span{ font-size:12px; color:#999; padding-left:30px;}
.ind_de .more{ float:right; color:#049fd8; font-size:12px;}
.ind_de .more img{ margin-bottom:-2px; margin-right:5px;}
.ind_de .id_m{ margin-top:40px;}
.ind_de .id_m img{ display:block;}
.ind_de .id_m .id_m1{ float:left; width:30%;}
.ind_de .id_m .id_m1 .dd1{ background:url(../images/fe.jpg) no-repeat center center; padding:80px 50px 60px; color:#fff;}
.ind_de .id_m .p2{ font-size:22px; font-weight:bold;}
.ind_de .id_m .p2 span{ font-size:12px;}
.ind_de .id_m .x{ height:1px; width:30px; border-bottom:1px solid #fff; margin:15px 0;}
.ind_de .id_m2{ float:left; width:70%;}
.ind_de .id_m2 .dd2{ background:#fff; padding:40px 50px 25px 50px;}
.ind_de .id_m2 .dd2 .x{ border-bottom:1px solid #666;}
.ind_de .id_m2 img{ width:100%; height:386px;}

/*首页生产能力*/
.ind_news{}
.ind_news .p1{ font-size:20px; float:left;}
.ind_news .p1 span{ font-size:12px; color:#999; padding-left:30px;}
.ind_news .more{ float:right; color:#049fd8; font-size:12px;}
.ind_news .more img{ margin-bottom:-2px; margin-right:5px;}
.ind_news .n1{ background:url(../images/vvbv.jpg) no-repeat center center; margin-top:40px; background-size:cover; display:flex;}
.ind_news .n1 .n1_t{ padding:30px; width:30%; font-size:22px; font-weight:bold; border-right:#ccc 1px dashed;}
.ind_news .n1 .n1_t1{ padding:60px; background:#fff;}
.ind_news .n1 .n1_c{ width:70%; padding:60px;}
.ind_news .n1 .n1_c p{ margin-bottom:20px;}
.ind_news .more2{color:#049fd8; font-size:12px;}
.ind_news .more2 img{ margin-bottom:-2px; margin-right:5px;}
.ind_news ul{ margin-top:50px;}
.ind_news ul li{ width:33.333%; float:left; padding-right:30px;}
.ind_news ul li span{ font-size:12px;}
.ind_news ul li .p2{ font-size:20px; margin:15px 0 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ind_news ul li .p3{ font-size:13px; margin-bottom:30px; line-height:1.6;}

/*bottom*/
.bottom{ background:#0a3469; color:#fff;}
.bottom a{ color:#ddd;}
.bottom ul{ width:17%; float:left;}
.bottom ul:nth-child(2){ width:32%; column-count:2;}
.bottom ul p{ font-size:17px; font-weight:bold; margin-bottom:10px;}
.bottom ul li{ line-height:1.8;}
.bottom .x{ height:1px; border-bottom:1px solid #154a82; margin:40px 0;}
.bottom .icp{ display:block; width:210px; margin:0 auto; text-align:center; padding:5px; border:1px solid #488ab7; border-radius:5px;}
.bottom .icp img{ height:18px; vertical-align:middle; margin-right:5px;}
.bottom .p_i{ text-align:center; color:#999; font-size:13px; margin:30px; line-height:1.6;}
.bottom .p_i span{ color:#ddd;}
.bottom .gs{ text-align:center;}


/**/
.side { width: 266px; float: left; }
.sidenav { background: #059ce5; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; padding: 0 20px 0 50px; background: url(../images/iconlogo.png) no-repeat 16px center; background-size: auto 20px; }
.sidenav .hd strong { font-weight: normal; }
.sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.sidenav .snul {  }
.sidenav .snul .snli { margin-bottom: 2px; line-height: 40px; }
.sidenav .snul .snli .sna { padding: 0 20px; color: #666; font-size: 14px; font-family: microsoft yahei; display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../images/ck.gif) no-repeat -16px center; background-size: 16px 14px; }

.sidenav .snul .snli .sna:before{ content:"- ";}

.sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #059ce5; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow: 0 5px 10px rgba(0,177,238,.4); padding-left: 40px; }

.sidebox { background: #dedede; overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
.sidebox .hd { line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #333; }
.sidebox .bd { margin: 0 6px 6px; padding: 20px; background: #fff; border-radius: 0 0 6px 6px; position: relative; }

.main { float:right; width:900px;}
.main .hd { background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.main .hd .name { position: relative; float: left; color: #059ce5; font-size: 20px; font-weight: bold; }
.main .hd .name:before { content: ''; display: block; width: 4px; height: 20px; background: #059ce5; position: absolute; left: -20px; top: 15px; }
.main .hd .now { float: right; font-size: 12px; color: #999; }
.main .hd .now a { color: #999; }
.main .hd .now .split { margin: 0 4px; font-family: simsun; }
.main .bd { padding: 20px 0; font-size: 16px; color: #333; line-height: 30px; }
.main .bd p { margin-bottom: 20px; }

/*news*/
.newslist { }
.newslist .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
.newslist .item .time { float: left; text-align: right; width: 90px; line-height: 24px; font-family: arial; margin-top: 6px; color: #999; }
.newslist .item .time .day { font-size: 30px; }
.newslist .item .time .year { font-size: 14px; }
.newslist .item .info { margin-left: 120px; }
.newslist .item h3 { font-weight: normal; margin-bottom: 10px; height: 30px; overflow: hidden; }
.newslist .item h3 a { color: #39424b; font-size: 22px; text-decoration: none; }
.newslist .item h3 a:hover { color: #059ce5; }
.newslist .item .txt { font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden; }

.n_pro li{ width:32%; margin-right:2%; float:left; margin-bottom:20px; position:relative; transition:0.2s; top:0; text-align:center;}
.n_pro li:nth-child(3n){ margin-right:0;}
.n_pro li img{ margin:20px 0; height:185px;}
.n_pro li div{ background:#9cbac4; padding:20px; border-top:2px solid #059ce5; text-align:left;}
.n_pro li div p{ color:#fff; line-height:1.8; margin-bottom:0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_pro li:hover{ top:-20px;}

/*honor*/
.honor_ul li{ width:22%; margin-right:4%; float:left; margin-bottom:20px; text-align:center;}
.honor_ul li:nth-child(4n){ margin-right:0;}

/*message*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #e8f9ff; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #059ce5; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

/*joinus*/
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #00b1ee; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #00b1ee; }
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }

/*contact*/
.contact{ text-align:center;}
.contact .p1{ font-size:18px; font-weight:bold; color:#00b1ee;}
.contact .p2{ margin:20px 0; font-size:16px; line-height:30px;}





@media (max-width: 1120px) {
.n{ padding:20px 0;}

}